.libs-group-heading {color: #808080; border-bottom:1px solid #ddd; padding:8px;}
.libs-group-heading a{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.libs-group{padding:10px; height:84px;}
.lib {float: left; display: block; width:80px; padding: 5px; margin:0px 3px; text-align: center; color: #333; overflow: hidden; text-overflow: ellipsis;}
.lib .file-icon{margin-bottom:5px;}
.lib .lib-name{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.lib:hover, .lib:focus, .lib:active {border-color: #2e6dad; background-color: #EBF2F9; color: #2e6dad}
.w-lib-p100{width:100%;}
.w-lib-p50{width:45%;}
.w-lib-p33{width:30%;}
#titlebar > .heading > strong > i{display:inline;} 
#modulemenu .nav > li > a{display: inline-block;}

#groups_chosen .chosen-choices {border-right:0px;}

#dropMenu.loading > #libMenu,
#dropMenu > .icon {display: none}
#dropMenu.loading > .icon {display: block}
#dropMenu {min-width: 600px; box-sizing: content-box; padding: 0;}

#libMenu {display: block; margin: 0; position: relative;}
#libMenuHeading {padding: 10px;}
#libMenuGroups {display: table; width: 100%; margin-bottom: 10px; table-layout: fixed;}
.lib-menu-group {display: table-cell; width: 33.333333%; padding: 0}
.lib-menu-group + .lib-menu-group {border-left: 1px dotted #ddd;}
.lib-menu-project-done, .lib-menu-list-heading {background-color: #fafafa; color: #808080; padding: 0 10px; text-align: center; display: inline-block; margin: 0 0 10px 10px; border: 1px solid #ddd; line-height: 20px; border-radius: 10px;}
.lib-menu-project-done:hover, .lib-menu-list-heading:hover {border-color: #114f8e; cursor: pointer; color: #114f8e;}
.lib-menu-project-done > .icon, .lib-menu-list-heading > .icon {display: none}
.lib-menu-project-done.active {background-color: #114f8e; color: #fff; border-color: #114f8e;}
.lib-menu-project-done.active > .icon {display: inline-block;}
.lib-menu-list {max-height: 500px; overflow-y: auto; min-height: 100px; line-height:25px;}
.list-menu-item-heading {padding: 0 3px 0 0px; color: #141414; white-space: nowrap; overflow:hidden; float: left; width:35%;text-align:right;}
.list-menu-item-heading > .icon {display: inline-block; width: 18px;}
.list-menu-item {padding: 0 8px 0 5px; display: block; overflow: hidden; white-space: nowrap; float: left; color:#3280FC;}
.list-menu-item.current {background-color: #EBF2F9; color:red}
.list-menu-item.active,
.list-menu-item:hover {color: #1a53ff}
.list-menu-item-footer {clear:left}
#searchLib {padding: 2px 8px; height: 28px; max-width: 190px;}

#dropMenu[data-filter] #libMenuGroups {table-layout: auto;}
#dropMenu[data-filter="project"] #libMenuProductGroup,
#dropMenu[data-filter="project"] #libMenuCustomGroup,
#dropMenu[data-filter="custom"] #libMenuProjectGroup,
#dropMenu[data-filter="custom"] #libMenuProductGroup,
#dropMenu[data-filter="product"] #libMenuProjectGroup,
#dropMenu[data-filter="product"] #libMenuCustomGroup {display: none;}

#dropMenu[data-filter] .lib-menu-group {display: block; width: 100%}
#dropMenu[data-filter] .lib-menu-list-heading {position: absolute; top: 13px; left: 215px; padding-right: 25px; background-color: #114f8e; color: #fff; border-color: #114f8e;}
#dropMenu[data-filter] .lib-menu-list-heading > .icon {position: absolute; right: 3px; top: 2px; display: block;}
#dropMenu[data-filter] .list-menu-item {width: 33.33333%;}


@media (min-width: 760px)
{
    #dropMenu {min-width: 720px;}
}
@media (min-width: 880px)
{
    #dropMenu {min-width: 850px;}
    .lib-menu-lg .lib-list-bg .list-menu-item {max-width: 50%;}
    #dropMenu.lib-menu-lg[data-filter] .list-menu-item {max-width: 25%;}
}
@media (min-width: 1000px)
{
    #dropMenu {min-width: 960px;}
    #dropMenu .lib-list-bg .list-menu-item {max-width: 50%;}
    #dropMenu.lib-menu-lg[data-filter] .list-menu-item {max-width: 20%;}
}
@media (min-width: 1120px)
{
    #dropMenu {min-width: 1080px;}
    #dropMenu .list-menu-item {max-width: 50%;}
    #dropMenu .lib-list-bg .list-menu-item {max-width: 33.33333333%;}
    #dropMenu.lib-menu-lg[data-filter] .list-menu-item {max-width: 16.666667%;}
}
@media (min-width: 1240px)
{
    #dropMenu {min-width: 1200px;}
    #dropMenu.lib-menu-lg[data-filter] .list-menu-item {max-width: 12.5%;}
}
@media (min-width: 1360px)
{
    #dropMenu {min-width: 1320px;}
    #dropMenu .lib-list-bg .list-menu-item {max-width: 25%;}
    #dropMenu.lib-menu-lg[data-filter] .list-menu-item {max-width: 10%;}
}
@media (min-width: 1480px)
{
    #dropMenu {min-width: 1340px;}
    #dropMenu .list-menu-item {max-width: 33.3333333%;}
    #dropMenu .lib-list-bg .list-menu-item {max-width: 20%;}
}
@media (min-width: 1600px)
{
    #dropMenu {min-width: 1460px;}
    #dropMenu .list-menu-item {max-width: 25%;}
    #dropMenu.lib-menu-lg[data-filter] .list-menu-item {max-width: 8.333333%;}
}
